<!DOCTYPE HTML>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>Kukbuk - Logowanie</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<!-- Bootstrap CSS -->
<link rel="stylesheet" type="text/css"
	href="../../css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" />
<link rel="stylesheet" type="text/css" href="../../css/custom.css"
	th:href="@{/css/custom.css}" />
</head>

<body>
	<!-- TOP MENU -->
	<div th:substituteby="template :: top-menu"></div>
	<!-- /TOP MENU -->

	<!-- MAIN CONTAINER -->
	<div class="container">

		<!-- MESSAGE BOXES -->
		<div class="row" th:include="template :: message-boxes"></div>
		<!-- /MESSAGE BOXES -->

		<div class="row">
			<form class="form-horizontal" th:action="@{/login}"
				th:object="${form}" method="POST">
				<fieldset>
					<div class="control-group"
						th:classappend="${#fields.hasErrors('login')}? 'error'">
						<div class="controls">
							<div class="input-prepend">
								<span class="add-on"><i class="icon-user"></i></span><input
									type="text" class="input-xlarge" id="login" th:field="*{login}"
									placeholder="Login" /> <span class="help-inline"
									th:if="${#fields.hasErrors('login')}" th:errors="*{login}">ERROR</span>
							</div>
						</div>
					</div>

					<div class="control-group"
						th:classappend="${#fields.hasErrors('password')}? 'error'">
						<div class="controls">
							<div class="input-prepend">
								<span class="add-on"><i class="icon-lock"></i></span><input
									type="password" class="input-xlarge" id="password"
									th:field="*{password}" placeholder="Hasło" /> <span
									class="help-inline" th:if="${#fields.hasErrors('password')}"
									th:errors="*{password}">ERROR</span>
							</div>
						</div>
					</div>

					<div class="form-actions">
						<button class="btn btn-primary" type="submit">
							<i class="icon-ok icon-white"></i> Zaloguj
						</button>
					</div>
				</fieldset>
			</form>
		</div>
	</div>
	<!-- /MAIN CONTAINER -->

	<!-- ======================================================== -->
	<!-- Scripts at bottom of page means faster loading times. -->
	<!-- Latest jQuery -->
	<script type="text/javascript"
		src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	<!-- Bootstrap -->
	<script type="text/javascript" src="../../js/bootstrap.min.js"
		th:src="@{/js/bootstrap.min.js}"></script>
</body>
</html>